<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>考神驾到手机站章节练习</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<link rel="stylesheet" type="text/css" href="css/public.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/windowsheight.js"></script>

<%--    <link rel="stylesheet" href="${pageContext.request.contextPath}/manager_page/layui/css/layui.css" media="all">--%>
    <script src="${pageContext.request.contextPath}/manager_page/layui/layui.js"></script>
</head>

<body>

<input type="hidden" id="question_class_hide" value=${param.question_class_hide} >

<!-----------头部开始--------------->
<%@ include file="page_head.jsp"%>
<!-----------头部结束--------------->
<!-----------内容开始--------------->
 <div class="content">
   <div class="newdetailcon">
      <div class="biaoti"><img src="images/libg_06.jpg"><span>章节练习</span></div> 
   </div>
   <div class="errors_change">
       <ol class="chapter_ul" id="chapter_test_1" hidden="hidden">
         <li><a href="javascript:to_shunxu_test(1);"><span>1.</span>道路交通安全法律、法规和规章<b id="keyi_count1">（0题）</b></a></li>
         <li><a href="javascript:to_shunxu_test(2);"><span>2.</span>交通信号<b  id="keyi_count2">（0题）</b></a></li>
         <li><a href="javascript:to_shunxu_test(3);"><span>3.</span>安全行车，文明驾驶基础知识<b  id="keyi_count3">（0题）</b></a></li>
         <li><a href="javascript:to_shunxu_test(4);"><span>4.</span>机动车驾驶操作相关基础知识<b  id="keyi_count4">（0题）</b></a></li>
         <li><a href="javascript:to_shunxu_test(5);"><span>5.</span>交通事故救护常识<b  id="keyi_count5">（0题）</b></a></li>
    </ol>
       <ol class="chapter_ul" id="chapter_test_2" hidden="hidden">
           <li><a href="javascript:to_shunxu_test(1);"><span>1.</span>违法行为综合判断与案例分析<b id="kesi_count1">（0题）</b></a></li>
           <li><a href="javascript:to_shunxu_test(2);"><span>2.</span>安全行车常识<b  id="kesi_count2">（0题）</b></a></li>
           <li><a href="javascript:to_shunxu_test(3);"><span>3.</span>常见交通标志、标线和交通手势辨识<b  id="kesi_count3">（0题）</b></a></li>
           <li><a href="javascript:to_shunxu_test(4);"><span>4.</span>驾驶职业道德和文明驾驶常识<b  id="kesi_count4">（0题）</b></a></li>
           <li><a href="javascript:to_shunxu_test(5);"><span>5.</span>恶劣气候和复杂条件下驾驶常识<b  id="kesi_count5">（0题）</b></a></li>
           <li><a href="javascript:to_shunxu_test(6);"><span>6.</span>紧急情况下避险常识<b  id="kesi_count6">（0题）</b></a></li>
           <li><a href="javascript:to_shunxu_test(7);"><span>7.</span>交通事故救护及常见危化品处置常识<b  id="kesi_count7">（0题）</b></a></li>

       </ol>
   </div>
<%--   <div class="pageturn">--%>
<%--     <div class="prepage"><a href="#">&lt; 上一页</a></div>--%>
<%--     <p><span><b>1</b>/20</span></p>--%>
<%--    <div class="prepage"> <a href="#">下一页 &gt;</a></div>--%>
<%--   </div>--%>
 </div>
 <!-----------内容结束--------------->
 <div class="footer">
   <p>©考神驾到版权所有</p>
   <span>www.kaoshenjiadao.com</span>
 </div>
 
</body>

<script>

    var layer;
    layui.use('layer',function(){
        layer=layui.layer;
    })


    window.onload=function(){
        var question_class_hide=$("#question_class_hide").val();
        if(question_class_hide=="科一"){

            //改变标题
            $("#page_head_title").text("科一章节练习");

            $("#chapter_test_1").removeAttr("hidden");
        }else{

            //改变标题
            $("#page_head_title").text("科四章节练习");

            $("#chapter_test_2").removeAttr("hidden");
        }
        $.ajax({
            url:"${pageContext.request.contextPath}/front_question/chapter_exercise_init.do",
            data:{
                "question_class":question_class_hide
            },
            success:function(data,status){
                if(status=="success"){
                    var id_head="#keyi_count";
                    if(question_class_hide=="科四")
                        id_head="#kesi_count";
                    var j;
                    for(var i=0;i<data.length;i++){
                        j=i+1;
                        $(id_head+j).text("（"+data[i]+"题）");
                    }
                }
            }
        })
    }

    function to_shunxu_test(chapter_num){
        var question_class_hide=$("#question_class_hide").val();
        $.ajax({
            url:"${pageContext.request.contextPath}/front_other/check_login.do",
            success:function(data,status){
                if(status=="success"){
                    if(data==0)
                        layer.alert("为保留您的做题记录，请您先登录");
                    else
                        window.location.href="chaptertest.jsp?question_class_hide="+question_class_hide+"&question_chapter_hide="+chapter_num;
                }
            }
        })
    }
</script>


















<!--头部高度赋给列表的topjs-->
<script>
   var heighttop=$(".top").height();
   $(".topmenu").css("top",heighttop);
    $(".menumore").toggle(function(){
	     $(".topmenu").show(); 
	   },function(){
	     $(".topmenu").hide(); 
	 	   })
   $(".buttontop").click(function(){
	     $(".topmenu").hide();  
	   })
	   
 $(function(){
	 $(".tasecartop span a").click(function(){
		  var $banktip=$(this).attr("tip");
		  $($banktip).show().siblings().hide();
		  $(".tasecartop span a").removeClass("payaclik");
		  $(this).addClass("payaclik");
		 })
	
	})
	/*模拟考试列表分类车型选择tab切换*/
 $(function(){
	 $(".test_onelist li a").click(function(){
		  var $banktip=$(this).attr("tip");
		  $($banktip).show().siblings().hide();
		  $(".test_onelist li a").removeClass("testcaraclick");
		  $(this).addClass("testcaraclick");
		 })
	
	})
	
 </script>
 
<!--头部高度赋给列表的topjs-->
<!--banner将图片的高度赋给父级扪js-->
<script>
   var heighta=$("#incltialiu li:eq(0) img").height();
   $(".main,.width,#incltialiu").height(heighta) ;
 </script>
 <!--banner将图片的高度赋给父级扪js-->
<!--首页标题点击出现更多分类js-->
 <script>
	$(".titlemore").toggle(function(){
		$(this).parent(".tabtila").siblings(".moresort").show()
		$(this).children("img").attr("src","images/title_692.jpg")
		},function(){
		$(this).parent(".tabtila").siblings(".moresort").hide()
		$(this).children("img").attr("src","images/title_69.jpg")
		})
  </script>
 <!--首页标题点击出现更多分类js-->
</html>
